<template>
  <div class="super">
    <News-Header></News-Header>
   <div class="upper">
        <img src="../../../static/img/super_banner.png">
        <input  @click="xuangou" type="text" placeholder="输入商品名称或粘贴拼多多商品标题">
    </div>
    <div class="sort">
         <img src="../../../static/img/super_search.jpg">
    </div>
    <News-Footer></News-Footer>
        
  </div>
</template>

<script>
import axios from 'axios';
import NewsHeader from '../../pages/News/component/NewsHeader'
import NewsContainer from '../../pages/News/component/NewsContainer'
import NewsFooter from '../../pages/footer'
export default {
    name:"information",
    components:{
        NewsHeader,
        NewsContainer,
        NewsFooter
    },
    data(){
        return{
            NewsContainer:[]
        }
    },
    created(){
        var _this=this;
        axios.get("/static/ceshi.json").then(function(res) {
           _this.NewsContainer=res.data.data.news
        })
       
    },
   methods: {
      xuangou:function(){
      this.$router.push({path:"parts"})
    }
  }

  
}
</script>


<style lang="stylus" scoped>
img{
    width 100%
}
input 
            width 75%
            height .7rem
            border-radius 1rem
            position absolute
            top 3.1rem
            left 1.1rem
            padding-left .6rem
.super{
    overflow hidden
}
.upper{
    position fixed
    margin-top 1rem
}
.sort{
    margin-top 6.5rem
    margin-bottom 1rem
}
</style>
